<include file="App/Home/View/default/Public/header.html"/>
  <link href="__PUBLIC__/css/index.css" rel="stylesheet" media="screen">
	<div class="container">
		<div class="row">
      <div class="col-md-2" id="sec-nav">
        <ul class="nav nav-stacked">
          <foreach name='nav_list' item="vo">
            <li><a href="{:U('category/'.$vo['id'])}">{$vo.cate_name}</a></li>
          </foreach>
          <!-- <li><a href="#">奶酪乳品</a></li> -->
        </ul>
      </div>  
      <div class="col-md-10 banner-container">
        <div id="myCarousel" class="carousel slide height-full">
          <ol class="carousel-indicators row" id="banner-index">
              <li data-target="#myCarousel" data-slide-to="0" class="active col-md-4">
                <div class="user-info">
                    <a href="javascript:;" target="_blank" title="艮离">
                        <img src="__PUBLIC__/images/avatar_1.jpg" class="user-pic" alt="艮离">
                        <span class="user-name">艮离</span>
                        <div class="user-res">
                            <span class="user-favs"><i class="fa fa-heart"></i><em>6577</em></span><span class="user-follows"><em>1351</em>人关注</span>
                        </div>
                    </a>
                </div>
              </li>
              <li data-target="#myCarousel" data-slide-to="1" class="col-md-4">
                <div class="user-info">
                  <a href="#" target="_blank" title="阿九">
                    <img src="__PUBLIC__/images/avatar_2.jpg" class="user-pic" alt="阿九">
                    <span class="user-name">阿九</span>
                    <div class="user-res">
                        <span class="user-favs"><i class="fa fa-heart"></i><em>10949</em></span><span class="user-follows"><em>182</em>人关注</span>
                    </div>
                  </a>
                </div>
              </li>
              <li data-target="#myCarousel" data-slide-to="2" class="col-md-4">
                <div class="user-info">
                  <a href="#" target="_blank" title="阿九">
                    <img src="__PUBLIC__/images/avatar_3.jpg" class="user-pic" alt="阿九">
                    <span class="user-name">阿九</span>
                    <div class="user-res">
                        <span class="user-favs"><i class="fa fa-heart"></i><em>10949</em></span><span class="user-follows"><em>182</em>人关注</span>
                    </div>
                  </a>
                </div>
              </li>
            </ol>
            <div class="carousel-inner height-full">
                <div class="item active left">
                  <div class="row" style="padding:0 15px;">
                    <div class="user-doulist-item col-md-4">
                        <a href="javascript:;" class="user-doulist-itemset" target="_blank">
                            <img class="img-responsive" src="__PUBLIC__/images/p6114635.jpg" alt="西子印社/黑檀木印章10.5/12mm圆章姓名印章篆刻出国留学工作必备">
                            <img class="img-responsive" src="__PUBLIC__/images/p9695210.jpg" alt="LUSH/露诗 海洋之星香氛皂100g 扫除老废角质 打击暗沉深层清洁">
                            <img class="img-responsive" src="__PUBLIC__/images/p9917438.jpg" alt="纸巾 手帕纸 日本进口 河野制纸 AK系列保湿面巾纸 便携包X16包">
                            <img class="img-responsive" src="__PUBLIC__/images/p5623623.jpg" alt="ipluso｜Kilt-c｜13.3寸 macbook 电脑包｜文件袋｜3色可选">
                            <div class="x"></div>
                        </a>
                        <a class="drawer-intro" href="javascript:;" title="新奇的东西那么多我不想那么早死啊" target="_blank">新奇的东西那么多我不想那么早死啊</a>
                    </div>
                    <div class="user-doulist-item col-md-4">
                        <a href="javascript:;" class="user-doulist-itemset" target="_blank">
                            <img class="img-responsive" src="__PUBLIC__/images/p9132185.jpg" alt="[W&amp;X] 夏日必備！漁夫帽 黑色卡其色 日單日式棉麻工装盆帽遮陽帽">
                            <img src="__PUBLIC__/images/p9840608.jpg" alt="外贸原单出口尾货 100%重磅真丝桑蚕丝SILK素绉缎睡衣家居服套装">
                            <img class="img-responsive" src="__PUBLIC__/images/p6470242.jpg" alt="VOCK独家设计 怀旧系胸衣 街头性感摇滚复古 fil小白张家衣陈星如">
                            <img class="img-responsive" src="__PUBLIC__/images/p13959000.jpg" alt="LE CI**EL BL**EU日本客供 复合面料 经典高街裁剪 短夹克/外套">
                            <div class="x"></div>
                        </a>
                        <a class="drawer-intro" href="javascript:;" title="长草的dressing" target="_blank">长草的dressing</a>
                    </div>
                    <div class="user-doulist-item col-md-4">
                        <a href="javascript:;" class="user-doulist-itemset" target="_blank">
                            <img class="img-responsive" src="__PUBLIC__/images/p11734424.jpg" alt="刺绣桃心 小心机跟 正品rosebullet家的【收藏款】">
                            <img class="img-responsive" src="__PUBLIC__/images/p13306672.jpg" alt="15新款Clarks其乐女鞋休闲鞋Festival Glee专柜正品代购英国直邮">
                            <img class="img-responsive" src="__PUBLIC__/images/p13272378.jpg" alt="日本代购 英伦复古流苏漆皮方跟鞋皮鞋BEAUTY&amp;YOUTH WOMENS ZARA">
                            <img class="img-responsive" src="__PUBLIC__/images/p9324520.jpg" alt="匡威CONVERSE中性开口笑光面皮革休闲鞋143009C/143011C">
                            <div class="x"></div>
                        </a>
                        <a class="drawer-intro" href="http://wowli.net/doulist/2096398/?r=8" title="买鞋--去远方" target="_blank">买鞋--去远方</a>
                    </div>
                  </div>
                </div>
                <div class="item next left">
                  <div class="row" style="padding:0 15px;">
                    <div class="user-doulist-item col-md-4">
                        <a href="javascript:;" class="user-doulist-itemset" target="_blank">
                            <img class="img-responsive" src="__PUBLIC__/images/p6114635.jpg" alt="西子印社/黑檀木印章10.5/12mm圆章姓名印章篆刻出国留学工作必备">
                            <img class="img-responsive" src="__PUBLIC__/images/p9695210.jpg" alt="LUSH/露诗 海洋之星香氛皂100g 扫除老废角质 打击暗沉深层清洁">
                            <img class="img-responsive" src="__PUBLIC__/images/p9917438.jpg" alt="纸巾 手帕纸 日本进口 河野制纸 AK系列保湿面巾纸 便携包X16包">
                            <img class="img-responsive" src="__PUBLIC__/images/p5623623.jpg" alt="ipluso｜Kilt-c｜13.3寸 macbook 电脑包｜文件袋｜3色可选">
                            <div class="x"></div>
                        </a>
                        <a class="drawer-intro" href="javascript:;" title="新奇的东西那么多我不想那么早死啊" target="_blank">新奇的东西那么多我不想那么早死啊</a>
                    </div>
                    <div class="user-doulist-item col-md-4">
                        <a href="javascript:;" class="user-doulist-itemset" target="_blank">
                            <img class="img-responsive" src="__PUBLIC__/images/p9132185.jpg" alt="[W&amp;X] 夏日必備！漁夫帽 黑色卡其色 日單日式棉麻工装盆帽遮陽帽">
                            <img src="__PUBLIC__/images/p9840608.jpg" alt="外贸原单出口尾货 100%重磅真丝桑蚕丝SILK素绉缎睡衣家居服套装">
                            <img class="img-responsive" src="__PUBLIC__/images/p6470242.jpg" alt="VOCK独家设计 怀旧系胸衣 街头性感摇滚复古 fil小白张家衣陈星如">
                            <img class="img-responsive" src="__PUBLIC__/images/p13959000.jpg" alt="LE CI**EL BL**EU日本客供 复合面料 经典高街裁剪 短夹克/外套">
                            <div class="x"></div>
                        </a>
                        <a class="drawer-intro" href="javascript:;" title="长草的dressing" target="_blank">长草的dressing</a>
                    </div>
                    <div class="user-doulist-item col-md-4">
                        <a href="javascript:;" class="user-doulist-itemset" target="_blank">
                            <img class="img-responsive" src="__PUBLIC__/images/p11734424.jpg" alt="刺绣桃心 小心机跟 正品rosebullet家的【收藏款】">
                            <img class="img-responsive" src="__PUBLIC__/images/p13306672.jpg" alt="15新款Clarks其乐女鞋休闲鞋Festival Glee专柜正品代购英国直邮">
                            <img class="img-responsive" src="__PUBLIC__/images/p13272378.jpg" alt="日本代购 英伦复古流苏漆皮方跟鞋皮鞋BEAUTY&amp;YOUTH WOMENS ZARA">
                            <img class="img-responsive" src="__PUBLIC__/images/p9324520.jpg" alt="匡威CONVERSE中性开口笑光面皮革休闲鞋143009C/143011C">
                            <div class="x"></div>
                        </a>
                        <a class="drawer-intro" href="http://wowli.net/doulist/2096398/?r=8" title="买鞋--去远方" target="_blank">买鞋--去远方</a>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="row" style="padding:0 15px;">
                    <div class="user-doulist-item col-md-4">
                        <a href="javascript:;" class="user-doulist-itemset" target="_blank">
                            <img class="img-responsive" src="__PUBLIC__/images/p6114635.jpg" alt="西子印社/黑檀木印章10.5/12mm圆章姓名印章篆刻出国留学工作必备">
                            <img class="img-responsive" src="__PUBLIC__/images/p9695210.jpg" alt="LUSH/露诗 海洋之星香氛皂100g 扫除老废角质 打击暗沉深层清洁">
                            <img class="img-responsive" src="__PUBLIC__/images/p9917438.jpg" alt="纸巾 手帕纸 日本进口 河野制纸 AK系列保湿面巾纸 便携包X16包">
                            <img class="img-responsive" src="__PUBLIC__/images/p5623623.jpg" alt="ipluso｜Kilt-c｜13.3寸 macbook 电脑包｜文件袋｜3色可选">
                            <div class="x"></div>
                        </a>
                        <a class="drawer-intro" href="javascript:;" title="新奇的东西那么多我不想那么早死啊" target="_blank">新奇的东西那么多我不想那么早死啊</a>
                    </div>
                    <div class="user-doulist-item col-md-4">
                        <a href="javascript:;" class="user-doulist-itemset" target="_blank">
                            <img class="img-responsive" src="__PUBLIC__/images/p9132185.jpg" alt="[W&amp;X] 夏日必備！漁夫帽 黑色卡其色 日單日式棉麻工装盆帽遮陽帽">
                            <img src="__PUBLIC__/images/p9840608.jpg" alt="外贸原单出口尾货 100%重磅真丝桑蚕丝SILK素绉缎睡衣家居服套装">
                            <img class="img-responsive" src="__PUBLIC__/images/p6470242.jpg" alt="VOCK独家设计 怀旧系胸衣 街头性感摇滚复古 fil小白张家衣陈星如">
                            <img class="img-responsive" src="__PUBLIC__/images/p13959000.jpg" alt="LE CI**EL BL**EU日本客供 复合面料 经典高街裁剪 短夹克/外套">
                            <div class="x"></div>
                        </a>
                        <a class="drawer-intro" href="javascript:;" title="长草的dressing" target="_blank">长草的dressing</a>
                    </div>
                    <div class="user-doulist-item col-md-4">
                        <a href="javascript:;" class="user-doulist-itemset" target="_blank">
                            <img class="img-responsive" src="__PUBLIC__/images/p11734424.jpg" alt="刺绣桃心 小心机跟 正品rosebullet家的【收藏款】">
                            <img class="img-responsive" src="__PUBLIC__/images/p13306672.jpg" alt="15新款Clarks其乐女鞋休闲鞋Festival Glee专柜正品代购英国直邮">
                            <img class="img-responsive" src="__PUBLIC__/images/p13272378.jpg" alt="日本代购 英伦复古流苏漆皮方跟鞋皮鞋BEAUTY&amp;YOUTH WOMENS ZARA">
                            <img class="img-responsive" src="__PUBLIC__/images/p9324520.jpg" alt="匡威CONVERSE中性开口笑光面皮革休闲鞋143009C/143011C">
                            <div class="x"></div>
                        </a>
                        <a class="drawer-intro" href="javascript:;" title="买鞋--去远方" target="_blank">买鞋--去远方</a>
                    </div>
                  </div>
                </div>
            </div>
            <!-- <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
            <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> -->
        </div>
      </div>
    </div>
	</div>
  <section class="recommend">
    <div class="container">
      <div class="section-header">
        <div class="page-story-filter">
          <a class="btn-normal btn-explore-only checked" href="javascript:;">
            <i class="fa fa-eye"></i>
            <span>发现好礼</span>
          </a>
          <a class="btn-normal btn-subscribes-only" id="btn-subscribes-only" href="javascript:;">
            <i class="fa fa-star-o"></i>
            <span>我的关注</span>
          </a>
        </div>
      </div>
      <div class="section-body">
        <div class="row food_con">
          <foreach name="goods_list" item="goods">
            <?php
              $path = "Public/Uploads/";
              list($width, $height) = getimagesize($path.$goods['cover']);
              if ($height > 203) {
                $gap = $height - 203;
                $style = 'margin-top:'.(-$gap/2)."px";
              }
            ?>
            <div class="col-md-4 J_ItemWrap">
              <div class="food-list J_GoodsWrap">
                <div class="img J_GoodsCover">
                  <a href="{:U('goods/'.$goods['id'])}">
                    <img class="img-responsive J_GoodsPic" src="__PUBLIC__/Uploads/{$goods.cover}" style="<?php echo $style;?>">
                  </a>
                </div>
                <h3>
                  <a href="{:U('goods/'.$goods['id'])}">{$goods.title}</a>
                </h3>
                <div class="author-box">
                  <a class="author-avatar-link" href="#">
                      <img width="24" height="24" src="__PUBLIC__/images/avatar_5.jpg" alt="哇礼" title="哇礼">
                  </a>
                  <a href="#">哇礼</a>&nbsp;评论
                </div>
                <div class="story-quote">
                    <q class="quote">{$goods.why_recommend}</q>
                </div>
                <div class="story-info" data-eqid="3878709">
                    <ul class="stats-list">
                        <li class="doulist-count">加入抽屉&nbsp;{$goods.add2drawer_count}</li>
                        <li class="like">喜欢&nbsp;{$goods.like_count}</li>
                        <li class="post">评论&nbsp;{$goods.commnet_count}</li>
                    </ul>
                </div>
                <div class="card-actions" style="display: none;" data-id="{$goods.id}">
                    <a href="#add_drawer" data-toggle="modal" class="btn-doulist J_AddToDrawer">
                        加入抽屉
                        <em class="count">105</em>
                    </a>
                    <a class="btn-carditem-like J_AddLike" href="javascript:;">
                        <i class="main fa fa-heart"></i>
                        <em class="count">140</em>
                    </a>
                </div>
              </div>
            </div>
          </foreach>
        </div>
      </div>
    </div>
</section>
<include file="App/Home/View/default/Public/footer.html"/>